html {
	margin: 0px;
	padding: 0px;
	height: 100%;
	width: 100%;
}

.toolBotton {
	border: none;
	border-bottom: #99bbe8 1px solid;
	background: #ccc url(images/share/tbg.gif) repeat-x 50% top;
	overflow: hidden;
	position: relative;
	height: 25px;
	padding: 0;
	margin: 0;
}

.toolBotton a {
	display: block;
	width: auto;
	cursor: pointer;
}

.toolBotton a span {
	float: left;
	display: block;
	width: auto;
	cursor: pointer;
}

body {
	margin: 0;
	background-color: #E8F1F8;
	font-size: 12px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana,
		sans-serif;
	padding: 0;
	height: 100%;
	width: 100%;
}

div, span, td {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana,
		sans-serif;
}

a:link, a:visited {
	text-decoration: none;
	color: #333;
}

input {
	border: solid 1px #3C7FB1;
}

select {
	border: #3C7FB1 1px solid;
}

input[type='text'] {
	border: solid 1px #3C7FB1;
	height: 18px;
}

input[type='checkbox'] {
	border: none;
}

input[type='radio'] {
	border: none;
}

textarea {
	border: solid 1px #3C7FB1;
	overflow: auto;
}

.ellipsis {
	white-space: nowrap;
	text-overflow: ellipsis; /* for internet explorer */
	overflow: hidden;
	display: block;
}

html>body .ellipsis {
	clear: both;
}

.bbit-main {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
	background-color: #E8F1F8;
}

a.linkdelete span {
	text-decoration: underline;
	color: #000000;
	padding-left: 18px;
	background: url(./images/icons/delete.png) no-repeat left 6px;
	padding-top: 5px;
}

a.imgbtn {
	color: #000000;
}

a.imgbtn span {
	padding: 4px 4px 3px 21px;
	cursor: point;
}

a.imgbtn:hover span {
	border: #466094 1px solid;
	padding: 3px 3px 2px 20px;
	cursor: point;
	background-color: #EDF1D5;
}

a.imgbtn span.Save {
	background: url(./images/icons/Item.Save.gif) no-repeat 3px 4px;
}

a.imgbtn span.Close {
	background: url(./images/icons/Btn.Close.gif) no-repeat 3px 4px;
}

a.imgbtn span.Delete {
	background: url(./images/icons/delete.png) no-repeat 3px 4px;
}

span.addcal {
	padding-left: 20px;
	background: url(./images/icons/date_add.png) no-repeat 1px 50%;
}

span.showdayview {
	padding-left: 20px;
	background: url(./images/icons/cal-day.gif) no-repeat 1px 50%;
}

span.showweekview {
	padding-left: 20px;
	background: url(./images/icons/cal-week.gif) no-repeat 1px 50%;
}

span.showwkweekview {
	padding-left: 20px;
	background: url(./images/icons/cal-wk-week.gif) no-repeat 1px 50%;
}

span.chinese {
	padding-left: 20px;
	background: url(./images/icons/cn.gif) no-repeat 1px 50%;
}

span.english {
	padding-left: 20px;
	background: url(./images/icons/us.gif) no-repeat 1px 50%;
}

span.english_au {
	padding-left: 20px;
	background: url(./images/icons/au.gif) no-repeat 1px 50%;
}

span.showmonthview {
	padding-left: 20px;
	background: url(./images/icons/cal-month.gif) no-repeat 1px 50%;
}

span.showtoday {
	padding-left: 20px;
	background: url(./images/icons/date.png) no-repeat 1px 50%;
}

span.fprev {
	width: 18px;
	background: url("./images/icons/resultset_previous.png") no-repeat 1px
		bottom;
}

span.fnext {
	width: 18px;
	background: url("./images/icons/resultset_next.png") no-repeat 1px
		bottom;
}

span.showdayflash {
	padding-left: 20px;
	background: url("./images/icons/date_reflash.png") no-repeat 1px 50%;
}

.size1 {
	width: 50px;
}

.size2 {
	width: 100px;
}

.size3 {
	width: 160px;
}

.size4 {
	width: 200px;
}

.size5 {
	width: 260px;
}

.size6 {
	width: 300px;
}

.size7 {
	width: 360px;
}

.X {
	float: right;
	padding-right: 3px;
	color: #555;
	cursor: pointer;
	height: 16px;
}

.nodisplay {
	display: none;
}
/* JQuery Validation */
label.error {
	padding: 2px 0 2px 20px;
	display: block;
	background: url(images/validation/exclamation.png) no-repeat 2px center;
}

input.error, select.error, textarea.error, input.cusErrorPanel,
	cusErrorPanel.cusErrorPanel, textarea.cusErrorPanel {
	border: solid 1px red;
}

label.checked {
	float: none;
	position: relative;
	padding: 0px 0 0px 18px;
	background: url(images/validation/accept.png) no-repeat 2px center;
}

div.error {
	
}

div.cusErrorPanel {
	z-index: auto;
	position: absolute;
	width: 276px;
	height: 35px;
	overflow: hidden;
	text-indent: 5px;
	line-height: 40px;
	font-size: 12px;
	font-family: Arial;
	background: url(images/validation/tooltop.gif) no-repeat left top;
	opacity: 0.9;
	filter: alpha(opacity = 90);
}

.infocontainer {
	margin: 2px;
	padding: 4px;
	border: 1px solid #999;
	background: #fff;
}

.fform {
	margin: 0px;
}

.fform label {
	display: block;
	margin-top: 2px;
	padding: 2px;
	vertical-align: top;
}

.fform label.checkp {
	display: inline;
}

.fform label span {
	font-weight: bold;
	display: block;
}

input.noborder {
	border: none;
}

.doing {
	color: red;
	vertical-align: middle;
	display: none;
	position: absolute;
	left: 20%;
	top: 20%;
	border: solid 1px #555;
	background-color: #FFFF00;
	padding: 5px;
}

div.clear {
	clear: both;
}

div.cHead {
	background: url(images/calendar/headbg.gif) repeat-x top;
	border: 1px solid #99bbe8;
	border-top: 0px;
	font-weight: bold;
	display: block;
	overflow: hidden;
	white-space: nowrap;
	position: relative;
}

div.cHead div {
	padding: 4px;
	white-space: nowrap;
}

div.cHead div.ftitle {
	background: url("images/calendar/grid.png") no-repeat left;
	color: #15428b;
	margin-left: 10px;
	padding-left: 20px;
}

div.cHead div.ptogtitle {
	position: absolute;
	top: 3px;
	right: 15px;
	height: 18px;
	padding: 1px 2px 1px 2px;
	font-weight: normal;
}

div.cHead div.loadicon {
	background: #c44;
	color: #fff;
}

div.cHead div.loaderror {
	padding: 1px 4px 1px 4px;
	background: #fad163;
}

div.cHead div.ptogtitle input {
	height: 16px;
	border: solid 1px #ccc;
	background-color: #fff;
	padding-left: 4px;
}

div.ctoolbar {
	BORDER-RIGHT: #99bbe8 1px solid;
	BORDER-TOP: #99bbe8 0px solid;
	BACKGROUND: #ccc url(images/calendar/tbg.gif) repeat-x 50% top;
	OVERFLOW: hidden;
	BORDER-LEFT: #99bbe8 1px solid;
	BORDER-BOTTOM: #99bbe8 1px solid;
	POSITION: relative;
	HEIGHT: 25px
}

div.ctoolbar div.fbutton {
	PADDING-RIGHT: 1px;
	DISPLAY: block;
	PADDING-LEFT: 1px;
	FLOAT: left;
	PADDING-BOTTOM: 1px;
	CURSOR: pointer;
	PADDING-TOP: 1px;
	HEIGHT: 22px;
	margin-left: 1px;
}

div.ctoolbar div.fbutton  div {
	float: left;
	padding: 2px 3px;
}

div.ctoolbar div.fbutton span {
	float: left;
	display: block;
	height: 18px;
}

div.ctoolbar div.fbutton.fcurrent {
	border: #555 1px solid;
	padding: 0;
	cursor: pointer;
	background-color: #EDF1D5;
}

div.ctoolbar div.fbutton.fcurrent div {
	padding: 1px 2px;
	border-left: 1px solid #fff;
	border-top: 1px solid #fff;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
}

div.ctoolbar div.fbutton:hover, .div.ctoolbar div.fbutton.fbOver {
	border: #466094 1px solid;
	padding: 0;
	cursor: pointer;
	background-color: #EDF1D5;
}

div.ctoolbar div.fbutton:hover div, .div.ctoolbar div.fbutton.fbOver div
	{
	padding: 1px 2px;
	border-left: 1px solid #fff;
	border-top: 1px solid #fff;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
}

div.ctoolbar div.btnseparator {
	float: left;
	height: 18px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #fff;
	margin: 1px;
}

div.ctoolbar div.fshowdatep {
	PADDING-RIGHT: 1px;
	DISPLAY: block;
	PADDING-LEFT: 1px;
	FLOAT: left;
	PADDING-BOTTOM: 1px;
	CURSOR: default;
	PADDING-TOP: 1px;
	HEIGHT: 22px;
}

div.ctoolbar div.fshowdatep  div {
	float: left;
	padding: 2px 3px;
}

div.ctoolbar div.fshowdatep span {
	float: left;
	display: block;
}

div.cbody div.ctablehead {
	border-right: #ccc 1px solid;
	border-top: #fff 1px solid;
	background: #e3f7ff url('images/calendar/gridth.gif') repeat-x left
		bottom;
	overflow: hidden;
	border-left: #ccc 1px solid;
	border-bottom: #9c9c9c 0px solid;
	position: relative;
	height: 25px;
}

div.cbody div.ctablehead th div, div.cbody div.ctablebody td div {
	padding: 4px;
	border-left: none;
	overflow: hidden;
}

div.cbody div.ctablehead  th /* common cell properties*/ {
	text-align: left;
	border-right: solid 1px #ddd;
	border-left: solid 1px #fff;
	overflow: hidden;
	vertical-align: top !important;
	font-weight: normal;
	cursor: default;
	white-space: nowrap;
}

div.cbody div.ctablehead div.ctableheadp {
	float: left;
}

div.cbody div.ctablehead th div {
	height: 17px;
}

div.cbody div.ctablebody {
	BORDER-RIGHT: #ccc 1px solid;
	BORDER-TOP: #ccc 0px solid;
	BACKGROUND: #dfe8f6;
	OVERFLOW: auto;
	BORDER-LEFT: #ccc 1px solid;
	BORDER-BOTTOM: #ccc 1px solid;
	POSITION: relative
}

div.cbody div.ctablebody td /* common cell properties*/ {
	text-align: left;
	border-left: solid 1px #fff;
	border-top: none;
	border-bottom: 1px dotted #ddd;
	border-right: solid 1px #ddd;
	overflow: hidden;
	vertical-align: top !important;
	white-space: nowrap;
	background-color: #fff;
	cursor: default;
}

div.cbody div.ctablebody tr.erow td {
	background: #F5FFEF;
}

div.cbody div.ctablebody tr:hover td, div.cbody div.ctablebody tr.trOver td
	{
	background: #FFFFBB;
	border-left: 1px solid #eef8ff;
	border-bottom: 1px dotted #a8d8eb;
}

div.cbody div.ctablebody td div {
	border-top: 0px solid #fff;
	padding-bottom: 2px;
}

div.ViewgBlock {
	background: #E3E3E3 url('images/calendar/load-bg.png');
}

div.ViewgBlock>div.loading {
	width: 100%;
	height: 100%;
	display: block;
	opacity: 0.5;
	filter: alpha(opacity = 50);
	background: #f4f4f4 url('images/calendar/indicator_web20_working.gif')
		no-repeat center center;
}

.transparent {
	filter: alpha(opacity = 0);
	-moz-opacity: 0;
	opacity: 0;
	background-color: #000;
}